<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
<link rel="stylesheet" href="lib/lib/css/bootstrap.min.css">
<style type="text/css">

</style>
</head>
<body>

<div class="container">
	<p class="muted" style="margin-bottom: 0">
		欢迎来到极客学院，在这里，
		<a class="btn" id="myTooltip" href="#" data-toggle="tooltip" title="title文字" data-placement="left" data-original-title="www.baidu.xxx" data-animation="true">好好学习</a>
	</p>


	<ol>
		<li>data-toggle="tooltip" => 切换上为：tooltip(提示) </li>
		<li>data-placement="left" => 提示出现的位置，需要在Js中添加tooltip()方法
		</li>
		<li>title="title文字" => 放上提示的文字</li>
		<li>data-original-title="" => 当title没有就会用这个来代替title</li>
		<li>data-animation => 默认true开启动画</li>

		<li>title的显示前后回调函数,.on('hidden.bs.tooltip'),回调
			<ul>
				<li>1.显示前：show.bs.tooltip</li>
				<li>2.显示后：shown.bs.tooltip</li>
				<li>3.隐藏前：hide.bs.tooltip</li>
				<li>4.隐藏后：hidden.bs.tooltip</li>
			</ul>
		</li>
	</ol>

</div>




<script src="lib/jquery/jquery-1.11.0.min.js"></script>
<script src="lib/lib/js/bootstrap.min.js"></script>
<script type="text/javascript">
	
	$('#myTooltip').tooltip()
	// $("#myTooltip").tooltip("show")
	
	$("#myTooltip").on('hidden.bs.tooltip',function(e){
		alert("on('hidden.bs.tooltip',function(e){}弹出的内容")
	})


</script>

</body>
</html>